@charset "utf-8";

@function vw($a){
    @return ($a / 750 ) * 100vw;
}
.section-order{
    background: #f5f5f5;
    position: absolute;
    top: vw(55);
    bottom: 0;
    overflow-y:scroll;
}
.view-biao{
    background: #f5f5f5;
    p{
        margin-top: vw(25);
        font-size: vw(28);
        padding-bottom: vw(10);
        color: #696969;
        border-bottom: 1px dashed #a7a7a7;
    }
}
.view-li{
    border: 1px solid #a7a7a7;
    border-radius: vw(4);
    width: 32%;
    margin:vw(10) vw(2);
    .view-img{
        width:96%;
        height: auto;
        margin: 0 auto;
        margin-top: vw(4);
        img{
            width: 100%;
            height: auto;
        }
    }
    p{
        margin-top: vw(10);
        font-size: vw(14);
        text-overflow:ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: center;
        margin-bottom: vw(17);
        color: #686868;
    }
}
button{
    width: vw(170);
    height: (50);
    border: none;
    border: 1px solid #a7a7a7;
    border-radius: vw(4);
    background: white;
    margin-left: 35%;
    line-height: vw(50);
    font-size: vw(14);
    margin-bottom: vw(10);
}
